<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>编辑个人资料</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="css/mui.min.css" rel="stylesheet" />
        <!--主要覆盖mui.css的px大小-->
        <link href="css/common.css" rel="stylesheet" />
        <!--控制 字体大小 rem iphone6下 以20px为准-->
        <script src="js/initsize.js"></script>
        <link rel="stylesheet" type="text/css" href="css/mui.picker.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/cropper.min.css">
        <link rel="stylesheet" type="text/css" href="css/css.css"/>
    </head>
    <body class="editdata">
		<header class="mui-bar mui-bar-nav header-color">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">编辑个人资料</h1>
		    <a class="mui-pull-right save">保存</a>
		</header>
		<div class="popover-img"></div>
		<ul class="table-view table-view1">
            <li class="table-view-cell">
                <textarea class="table-view-cell-input" placeholder="创建您的标签"></textarea>
            </li>
            <li class="table-view-cell"><a class="table-view-cell-a table-view-cell-cancel" >取消</a><a class="table-view-cell-a table-view-cell-affirm" >确定</a></li>
        </ul>
		<ul class="table-view table-view2">
            <li class="table-view-cell"><p class="title-p"></p></li>
            <li class="table-view-cell table-con">
            </li>
            <li class="table-view-cell"><a class="table-view-cell-a table-view-cell-cancel" >取消</a></li>
        </ul>
        <ul class="table-view table-view3">
            <li class="table-view-cell" ><p class="title-p"></p></li>
            <li class="table-view-cell table-con" >
            </li>
            <li class="table-view-cell"><a class="table-view-cell-a table-view-cell-cancel" >取消</a><a class="table-view-cell-a table-view-cell-affirm" >确定</a></li>
        </ul>
        <div class="img-look"><div class="img-look-box"></div></div>
        <div class="img-cut">
            <div class="img-cut-box"></div>
            <div class="img-cut-opt">
                <button type="button" class="mui-btn cut-back">返回</button>
                <button type="button" class="mui-btn mui-btn-primary cut-confirm">确定</button>
            </div>
        </div>
		<div class="mui-content">
            <!--这里放置真实显示的DOM内容-->
            <div class="add-box">
                <!--<div class="box-img face"><p class="face-p">此图为头像</p></div>-->
                <div class="add-img"></div>
            </div>
            <div class="message-box">
                <h3 class="message-title">个人信息</h3>
                <ul class="message mymsg">
                    <li>
                        <span>性别</span>
                        <input type="text" class="sex" readonly="readonly" />
                    </li>
                    <li>
                        <span>电话</span>
                        <input type="text" class="mobile" readonly="readonly" />
                    </li>
                    <li>
                        <span>昵称</span>
                        <input type="text" class="nickname" placeholder="请设置昵称" />
                    </li>
                    <li>
                        <span>生日</span>
                        <input type="text" id='demo2' data-options='{"type":"date","beginYear":1850,"endYear":2018}' class="editdata-data btn birthday" placeholder="设置入生日" readonly="readonly"/>
                    </li>    
                    <li>
                        <span>身高</span>
                        <input type="number" class="height" placeholder="请输入身高" /><span class="dw">cm</span>
                    </li>
                    <li>
                        <span>体重</span>
                        <input type="number" class="weight" placeholder="请输入体重" /><span class="dw">kg</span>
                    </li>
                </ul>
            </div>
            <div class="message-box">
                <h3 class="message-title">我的信息</h3>
                <ul class="message myinf">
                    <li class="work-message industry">
                        <p><span class="jia">+</span>添加行业信息</p>
                    </li>
                    <li class="work-message work_field">
                        <p><span class="jia">+</span>添加工作领域信息</p>
                    </li>
                    <li class="com-inf inf company">
                        <p><span class="jia">+</span>添加公司信息</p>
                    </li>
                    <li class="ads">
                        <p><span class="jia">+</span>添加你的家乡信息</p>
                    </li>
                    <li class="ads-inf inf place">
                        <p><span class="jia">+</span>添加你常去的地点</p>
                    </li>
                </ul>
            </div>
            <div class="message-box">
                <h3 class="message-title">我的标签</h3>
                <ul class="message con-biaoqian">
                    <li class="biaoqian">
                        <div class="biaoqian-p" id="tags"><p class="bq-span"><span class="jia">+</span><span>我的个性标签</span></p><p class="bq-a"></p></div>
                    </li>
                </ul>
            </div>
            <div class="message-box">
                <h3 class="message-title">我的兴趣</h3>
                <ul class="message con-lick">
                    <li>
                        <div class="biaoqian-p" id="sports"><p class="bq-span"><span class="jia">+</span><span>我喜欢的运动</span></p><p class="bq-a"></p></div>
                    </li>
                    <li>
                        <div class="biaoqian-p" id="musics"><p class="bq-span"><span class="jia">+</span><span>我喜欢的音乐</span></p><p class="bq-a"></p></div>
                    </li>
                    <li>
                        <div class="biaoqian-p" id="foods"><p class="bq-span"><span class="jia">+</span><span>我喜欢的食物</span></p><p class="bq-a"></p></div>
                    </li>
                    <li>
                        <div class="biaoqian-p" id="movies"><p class="bq-span"><span class="jia">+</span><span>我喜欢的电影</span></p><p class="bq-a"></p></div>
                    </li>
                    <li>
                        <div class="biaoqian-p" id="books"><p class="bq-span"><span class="jia">+</span><span>我喜欢的书和漫画</span></p><p class="bq-a"></p></div>
                    </li>
                    <li>
                        <div class="biaoqian-p" id="journey"><p class="bq-span"><span class="jia">+</span><span>我的旅行足迹</span></p><p class="bq-a"></p></div>
                    </li>
                </ul>
            </div>
		</div>
        <script src="js/mui.min.js "></script>
        <script src="js/jquery2.1.0.min.js "></script>
        <script src="js/cropper.min.js"></script>
        <!--通用JS，我封装了一些实用JS-->
        <script src="js/common.js"></script>
        <script src="js/city.data-3.js"></script>
        <script src="js/config.js"></script>
        <script src="js/mui.picker.min.js"></script>
        <script src="js/editdata.js"></script>
    </body>
</html>